
<section id="main">
	<div class="template-title">
		<h2 v-html="content.text1"></h2>
		<p v-html="content.text2" class="text-sub"></p>
		<img :src="content.logoUrl" class="logo-img" v-if="!content.logoUrl.includes('template10')"/>
		<img :src="content.picUrl1" class="bg-img"/>
		<p class="text-bottom" v-html="content.text3"></p>
		<p class="text-nav text-center" v-html="content.text4"></p>
	</div>
	<div class="min-sec">
		<p class="text-title" v-html="content.text5"></p>
		<p class="text-title1" v-html="content.text6"></p>
		<img :src="content.picUrl2" class="pic1-img"/>
		<div class="pic-line">
			<div class="top">
				<img :src="content.picUrl3"/>
				<p v-html="content.text7"></p>
			</div>
			<div class="bottom">
				<p v-html="content.text8"></p>
				<img :src="content.picUrl4"/>
			</div>
		</div>
		<p class="text-detail" v-html="content.text9"></p>
	    <p class="text-title text-right" v-html="content.text10"></p>
		<p class="text-title1 text-right" v-html="content.text11"></p>
		<img :src="content.picUrl5" class="pic4-img"/>
		<div class="pic1-line">
			<div class="top">
				<img :src="content.picUrl6"/>
				<p class="text-center" v-html="content.text12"></p>
			</div>
			<div class="bottom">
				<p class="text-center" v-html="content.text13"></p>
				<img :src="content.picUrl7"/>
			</div>
		</div>
		<p class="text-detail" v-html="content.text14"></p>
	    <div class="text-window">
			<span class="left"></span>
			<p v-html="content.text15"></p>
			<span class="right"></span>
		</div>
		<p class="text-slide" v-html="content.text16"></p>
	    <mt-swipe :auto="4000" class="swiper-img1">
			<mt-swipe-item v-for="(item,index) in content.picUrl8" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
		<div class="text-window">
			<span class="left"></span>
			<p v-html="content.text17"></p>
			<span class="right"></span>
		</div>
		<p class="text-slide" v-html="content.text18"></p>
		<mt-swipe :auto="4000" class="swiper-img1">
			<mt-swipe-item v-for="(item,index) in content.picUrl9" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
	</div>
	<foot-template></foot-template>
	<!-- <div class="tel-sec"> -->
		<!-- <p class="tel-title">您可以在线咨询置业顾问:</p>
		<div class="counselor-sec">
			<img src="http://skyforest.static.elab-plus.com/temp/template2/button_online.png" @click="contactCounselor"/>
		</div>
		<div class="tel-sec1">
			<input type="tel" v-model="phone" placeholder="手机号"/>
			<div class="btn text-center" @click="getVerifyFn">{{verifyText}}</div>
		</div>
		<div class="tel-sec1">
			<input type="tel" placeholder="验证码" v-model="verify"/>
			<div class="btn text-center" @click="submit">提交</div>
		</div>
		<p class="text-tel">您可以留电预约推荐会席位</p> -->
		<!-- <div class="tel-bot"> -->
			<!-- <img :src="appQrCode" class="code-img" v-if="appQrCode==''?false:true"/>
			<p class="text-center text-code" v-if="appQrCode==''?false:true">扫描下载项目APP</p> -->
			<!-- <p class="text-center text-adr">项目地址：{{address}}</p> -->
			<!-- <p class="text-center text-adr">项目地址：</p> -->
			<!-- <p class="text-center text-adr">开发商：{{owner}}</p> -->
			<!-- <p class="text-center text-adr">开发商：</p>
			<a v-on:click="trackTel" :href="'tel:'+telephone" class="tel-img"></a>
			<p class="text-center text-bot">本资料提供的所有文字、图片、视频数据仅供参考，</p>
			<p class="text-center text-bot">最终以政府批准文件及双方签订的买卖合同为准</p> -->
		<!-- </div> -->
	<!-- </div> -->
</section>
